<%-- 
    Document   : indexs
    Created on : Sep 19, 2012, 8:47:16 PM
    Author     : CUCAINHO
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Index</title>
<link rel="stylesheet" type="text/css" href="../css/style_deal_list.css"/>
<link rel="stylesheet" type="text/css" href="../css/style_deal.css"/>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
<link rel="stylesheet" type="text/css" href="../css/lavalamp_test.css"/>
<link rel="stylesheet" type="text/css" href="../css/detail_deal.css"/>
<!-- phan menu -->
	<link rel="stylesheet" type="text/css" href="../css/lavalamp_test.css"/>
   
 	 <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
     <script type="text/javascript" src="../js/mejs.js"></script>
    <script type="text/javascript" src="../js/jquery.easing.min.js"></script>
    <script type="text/javascript" src="../js/jquery.easing.min.js"></script>
    <script type="text/javascript" src="../js/jquery.lavalamp.min.js"></script>      
     <!-- phần slides hình-->
  
  	<link rel="stylesheet" type="text/css" href="../css/css_slideshow/style_show.css"/>
 
 	<!-- <script type="text/javascript" src="js_slideshow/jquery.min.js"></script>  -->
 
  	<script type="text/javascript" src="../js/js_slideshow/js1.js"></script> 
  
   

  
  <!--end phần slideshow hình-->
  
  
	
	<script type="text/javascript">
	
	
    $(function() {
            $("#1, #2, #3").lavaLamp({
               	fx: "backout",
                speed: 700,
                click: function(event, menuItem) {
                    return true;
                }
            });
			
			
        });
		
		<!-- phan search -->
		
		$(document).ready(function()
							   
		{
			/*$('#main > div').addClass('highlight');
			$('#main div:not(#search)').('background');*/

			var $ts = $('.txt_search');
			$('.txt_search').click(function(event)
				{
					$ts.attr({'value': ''});					
					
					/*$ts.css('background','#FFF');*/
					var s_width = $ts.width();
					//window.alert(s_width);
					
					if(s_width == 123)
					{
						$ts.animate({width:'+=50px'},'slow');
						$('.s_left').animate({"margin-left":'-=50px'},'slow');
						$('.cboLoai').animate({"margin-left":'-=50px'},'slow');
						
						
    			
						
					}
					event.stopPropagation();
				}
				);	
			//$('.all:not(search)').click(function()
					//$('div:not(.search)').click(function()
					//$('#main > div').addClass('highlight');
					$('div:not(.searchs)').click(function(event)
					{
						var s_width_s = $('.txt_search').width();	
						if(s_width_s > 123)
						{
							//window.alert(s_width_s);
							$('.txt_search').animate({width:'-=50px'},'slow');
							$ts.attr({'value': 'Search'});
							$('.s_left').animate({"margin-left":'+=50px'},'slow');
							$('.cboLoai').animate({"margin-left":'+=50px'},'slow');
							//$('.s_left').animate({margin:'10px 10px 10px +=5px'},'slow');
							/*$ts.css('background','#FFF');*/
					
							//event.stopPropagation();
						}
						event.stopPropagation();
					}
					);
			
		}
		
		);
		<!--  end phan search -->
		
		
    </script>
  
    
<!-- end phan menu -->

</head>

<body>
<div class="body">
	
    
    <!--Header -->
     <jsp:include page="../subs/Header.jsp"/>
          
    <!-- Menu lamp -->
    <jsp:include page="../subs/menulamp.jsp"/>
    
<div id="main_body">
    <div id="main">
	
	<!-- TemplateBeginEditable name="slideshow_top" -->
    
    	
	
	
	<!-- TemplateEndEditable -->
	
    	<!-- Main left--->

        <jsp:include page="../subs/Left.jsp"/>
            
	<div id="main_right">
	<!-- TemplateBeginEditable name="Main_Content" -->    
    		<!--Main right--->
                <jsp:include page="../subs/mainContent.jsp"/>
	<!-- TemplateEndEditable --> 
    
      </div> <!---End div main right->
    </div><!--end div main-->
    	
        
        <div id="vide"></div>
        
   
        
  </div><!--end div main body-->
    
    <!--footer-->
    <jsp:include page="../subs/Footer.jsp"/>
</div> <!-- End div body-->
</body>
</html>


